<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_621024_smjrmfysmh.css">
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  <style type="text/css">
  	* {margin: 0;padding: 0;}
  	body {background: #f5f5f5;}
  	.header {
			height: 60px;
			border-bottom: 1px solid red;
			background-color: #fff;
			padding-top: 10px;
			padding-left: 50px;
			padding-right: 50px;
			border-bottom: 1px solid #e8e8e8;
			
  	}
  	.header .search-wrapper {
  		background-color: #fff;
  		display: inline-block;
  		margin-left: 15%;
  		font-size: 0px;
  		margin-top: 5px;
  	}

  	.header .search {
  		display: inline-block;
  		padding: 3px 16px;
  		border-top-left-radius: 35px;
  		border-bottom-left-radius: 35px;
  		background-color: #fff;
  		border: 1px solid #ff5a05;
  		border-right: none;

  	}
  	.header .search input {
  		float: left;
  		border: none;
  		outline: none;
  		height: 33px;
  		background-color: #fff;
  		width: 200px;
  	}
  	.header .search-wrapper .search-button {
  		display: inline-block;
  		height: 41px;
  		line-height: 41px;
  		padding-right: 16px;
  		border-top-right-radius: 35px;
  		border-bottom-right-radius: 35px;
  		color: #fff;
  		background-color: #FE6F2D;
  		user-select: none;
  		vertical-align: top;
  		font-size: 16px;
  		cursor: pointer;
  		padding-left: 13px;
  	}
  	.content {
  		width: 996px;
  		margin: 0 auto;
  		min-height: calc(100vh - 60px);
  		padding-top: 10px;
  	}
  	.content .iframe {
		  width: 885px;
		  height: 496px;
		  margin: 0 auto;
  	}
  </style>
</head>
<body>
<div class="header">
	<div class="logo" style="float: left">
		<a href="/" style='width: 100px;background: '>
			<img src="./logo3.png" style="width: 220px;height: 60px;display: inline-block;margin-top: -5px">
		</a>
	</div>
	<div class="search-wrapper">
		<div class="search">
			<input type="text" name="search" id='origin-link' placeholder="请输入影视网址">
		</div>
		<div class='search-button' id='submit'>全网搜</div>
	</div>
	<!-- <div class="right">
		<a href="/">每日优选</a>
	</div> -->
</div>
<div class="content">
	<div id="video-contenter" class='iframe'></div>
</div>
<div class="footer"></div>
<script>
    let $Con = $('#video-contenter'),$Origin = $('#origin-link'),$Btn = $('#submit');
    let $iframe = $("<iframe>").attr({ width: "100%", height: "100%", frameborder: "no" });
    $Btn.on('click', getVideo)
    $Con.on('contextmenu',function(){
      return false
    })
    $iframe.on('contextmenu',function(){
      return false
    })
    function getVideo(){
      let targetLink = $Origin.val();
      console.log(1111)
      console.log($('#origin-link').val(""));
      if($.trim(targetLink).length>1){
        let Link = 'https://api.bbbbbb.me/jx/?url='+ targetLink;
        console.log(Link)
        $iframe.attr('src',Link);
        $iframe.appendTo($Con)
      }
    }
  </script>
</body>
</html>




















